﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <link href="/static/css/shared/reset.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/shared/structure.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/shared/cadastro.css" rel="stylesheet" type="text/css" />
    <script src="/static/js/thrird/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="/static/js/lib/utils.js" type="text/javascript"></script>
    <script src="/static/js/shared/structure.js" type="text/javascript"></script>
    <script src="/static/js/shared/cadastro/cadastro.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
   <div class="general register">
   <div class="header">
         <div>
             <h1 class="rpc"><a href="/index.htm" title="Magazine Você">Magazine Luiza</a></h1>
             <ul>
                 <li><a href="/o-que-e-o-magazine-voce/index.htm" title="O que é o Magazine Você">O que é o Magazine Você</a></li>
                 <li><a href="/perguntas-frequentes/index.htm" title="Dúvidas">Dúvidas</a></li>
                 <li><a href="/o-que-e-o-magazine-voce/index.htm" title="O que é o Magazine Você">O que é o Magazine Você</a></li>
             </ul>
         </div>
   </div>
   <div class="content">
      <form action="" method="post">
         <div class="inner ct-register">
            <h2>Seu Cadastro</h2>
            <p>Continue preenchendo abaixo. Todos os campos com asterisco ( * ) são de preenchimento obrigatório.</p>
            <span class="alert">
               Os Campos em destaque precisam de atenção!<br />
               Preencha-os corretamente para prosseguir.
            </span>
            <div class="personal-data ct"> 
               <h3 class="n1">Dados Pessoais</h3> 
               <ul> 
                  <li>
                     <label> 
                        <span>*</span> 
             				Nome:
             			</label> 
                		<div class="bx-input"> 
                			<input id="id_name" type="text" class="text" name="name" /> 
                		</div> 
    						<p class="alert info"><span class="text"> 
       						Informe seu nome completo com sobrenome.<br />
       						<strong>Ex: Carlos Magela da Silva</strong> 
    						</span></p> 
                	</li> 
                	<li class="user"> 
                	   <label> 
                		   <span>*</span> 
                			Nome de Usuário:
                		</label> 
                		<div class="bx-input"> 
                		   <input id="id_nickname" type="text" class="text" name="nickname" /> 
                		</div> 
                		<span class="status"></span> 
                     <p class="alert"><span class="text"> 
                		   Esse nome será utilizado na formação da url de sua loja.<br /><strong>Ex: www.magazinevoce.com.br/nomedousuario</strong> 
                		</span></p> 
             		</li> 
             		<li class="cpf"> 
             			<label> 
             				<span>*</span> 
             				CPF:
             			</label> 
             			<div class="bx-input"> 
             				<input id="id_cpf" type="text" class="text" name="cpf" /> 
             			</div> 
             		</li> 
             		<li class="rg"> 
             			<label>RG:</label> 
             			<div class="bx-input"> 
             				<input id="id_rg" type="text" class="text" name="rg" /> 
             			</div> 
    						<p class="alert"><span class="text"> 
    							<strong>Infome seu RG.</strong><br />Você pode digitar da maneira que desejar. <strong>Ex.: 33315123A ou 33.315.123-A</strong> 
    						</span></p> 
             		</li> 
             		<li> 
             			<label> 
             				<span>*</span> 
             				Sexo:
             			</label> 
             			<input type="radio" id="id_sex_0" value="F" name="sex"/>  <span class="txt-radio">Feminino</span> 
             			<input type="radio" id="id_sex_1" value="M" name="sex"/>  <span class="txt-radio">Masculino</span> 
             		</li> 
             		<li class="birth-date"> 
             			<label> 
             				<span>*</span> 
             				Data de Nascimento:
             			</label> 
             			<div class="bx-input"> 
             				<input id="id_birth_date" type="text" class="text" name="birth_date" /> 
             			</div> 
             		</li> 
             		<li class="civil-status"> 
                	   <label> 
                		   <span>*</span> 
                			Estado Civil:
                		</label> 
                		<div> 
                		   <label>Selecione</label> 
                			<select name="marital_status" id="id_marital_status"> 
                           <option value="None">Selecione</option> 
                           <option value="1">Solteiro</option> 
                           <option value="2">Casado</option> 
                           <option value="4" selected>Separado</option> 
                           <option value="5">Divorciado</option> 
                           <option value="6">Viúvo(a)</option> 
                        </select> 
                        <span class="select"></span> 
                     </div> 
             		</li> 
               </ul> 
            </div> 
            <div class="address ct"> 
                		<h3 class="n2">Endereço</h3> 
                		<ul> 
                		<li class="cep"> 
                			 <label> 
                				<span>*</span> 
                				CEP:
                			</label> 
                			<div class="bx-input input1"> 
                				<input id="id_zip1" type="text" class="text" name="zip1" /> 
                			</div> 
                			<p>-</p> 
                			<div class="bx-input input2"> 
                				<input id="id_zip2" type="text" class="text" name="zip2" /> 
                			</div> 


                					<p class="alert"><span class="text"> 
                						Informe seu CEP para localizar seu endereço automaticamente.<br /><strong>Caso não se lembre, clique no link ao abaixo para consultar.</strong> 
                					</span></p> 


                			<a href="javascript:void(0);" class="bt-fill" title="Preencher meu endereço">Preencher meu endereço</a> 

                			<div class="not-know"> 
                				<p>Não sabe seu CEP?</p> 
                				<a href="javascript:void(0);" title="Clique aqui para consultar.">Clique aqui para consultar.</a> 
                			</div> 
                		</li> 
                		<li class="address"> 
                			<label> 
                				<span>*</span> 
                				Endereço:
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_address" type="text" class="text" name="address" /> 
                			</div> 



                		</li> 
                		<li class="number"> 
                			<label> 
                				<span>*</span> 
                				Número:
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_address_number" type="text" class="text" name="address_number" /> 
                			</div> 



                		</li> 
                		<li class="city"> 
                			<label> 
                				<span>*</span> 
                				Cidade:
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_city" type="text" class="text" name="city" /> 
                			</div> 



                		</li> 
                		<li class="neighborhood"> 
                			<label> 
                				<span>*</span> 
                				Bairro:
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_neighborhood" type="text" class="text" name="neighborhood" /> 
                			</div> 



                		</li> 
                		<li class="state"> 
                			 <label> 
                				<span>*</span> 
                				Estado:
                			</label> 
                			<div> 
                				<label>Selecione</label> 
                				<select name="state" id="id_state"> 
                <option value="None">Selecione</option> 
                <option value="AC">Acre</option> 
                <option value="AL">Alagoas</option> 
                <option value="AP">Amapá</option> 
                <option value="AM">Amazonas</option> 
                <option value="BA">Bahia</option> 
                <option value="CE">Ceará</option> 
                <option value="DF">Distrito Federal</option> 
                <option value="ES">Espírito Santo</option> 
                <option value="GO">Goiás</option> 
                <option value="MA">Maranhão</option> 
                <option value="MT">Mato Grosso</option> 
                <option value="MS">Mato Grosso do Sul</option> 
                <option value="MG">Minas Gerais</option> 
                <option value="PA">Pará</option> 
                <option value="PB">Paraíba</option> 
                <option value="PR">Paraná</option> 
                <option value="PE">Pernambuco</option> 
                <option value="PI">Piauí</option> 
                <option value="RJ">Rio de Janeiro</option> 
                <option value="RN">Rio Grande do Norte</option> 
                <option value="RS">Rio Grande do Sul</option> 
                <option value="RO">Rondônia</option> 
                <option value="RR">Roraima</option> 
                <option value="SC">Santa Catarina</option> 
                <option value="SP">São Paulo</option> 
                <option value="SE">Sergipe</option> 
                <option value="TO">Tocantins</option> 
                </select> 
                				<span class="select"></span> 
                			</div> 



                		</li> 
                	       	<li class="completion"> 
                			<label> 

                				Complemento :
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_address_complement" type="text" class="text" name="address_complement" /> 
                			</div> 



                		</li> 
                		<li class="ref-address"> 
                			<label> 

                				Referência de Endereço :
                			</label> 
                			<div class="bx-input"> 
                				<input id="id_address_reference" type="text" class="text" name="address_reference" /> 
                			</div> 



                		        </li> 
                		    </ul> 
                		</div> 
                		<div class="phones ct"> 
                		    <h3 class="n3">Telefones</h3> 
                		    <ul> 
                		        <li> 
                				<label> 
                					<span>*</span> 
                					Residencial:
                				</label> 
                				<input id="id_area_code_home" type="text" class="text" name="area_code_home" /> 
                				<p>-</p> 
                				<input id="id_home_phone" type="text" class="text" name="home_phone" /> 


                				            	<p class="alert"><span class="text"> 
                				                	<strong>Informe seu telefone corretamente.</strong><br />Primeiro seu DDD, depois, seu telefone.
                						</span></p> 


                		        </li> 
                		        <li> 
                				<label> 

                					Comercial:
                				</label> 
                				<input id="id_area_code_work" type="text" class="text" name="area_code_work" /> 
                				<p>-</p> 
                				<input id="id_work_phone" type="text" class="text" name="work_phone" /> 



                		        </li> 
                		        <li> 
                				<label> 
                					<span>*</span> 
                					Celular:
                				</label> 
                				<input id="id_area_code_mobile" type="text" class="text" name="area_code_mobile" /> 
                				<p>-</p> 
                				<input id="id_mobile_phone" type="text" class="text" name="mobile_phone" /> 



                		        </li> 
                		    </ul> 
                		</div> 
                		<div class="identification ct"> 
                		    <h3 class="n4">Dados de Identificação</h3> 
                		    <ul> 
                		        <li class="email"> 
                		            <label> 
                				<span>*</span> 
                				Email:
                				</label> 
                				<div class="bx-input"> 
                					<input type="text" name="email" id="id_email" /> 
                				</div> 


                						<p class="alert"><span class="text"> 
                							O e-mail deve ter obrigatoriamente "@" e geralmente não possui o "www". <br />Também não são validos acentos e espaços nos e-mails.
                						</span></p> 


                		        </li> 
                		        <li class="password"> 
                		            <label> 
                				<span>*</span> 
                				Senha:
                				</label> 
                				<div class="bx-input"> 
                					<input type="password" name="password" id="id_password" /> 
                				</div> 


                					    <p class="alert"><span class="text"> 
                						Escolha uma senha entre<br />6 e 10 caracteres.
                					    </span></p> 


                		        </li> 
                		        <li class="password"> 
                		            <label> 
                				<span>*</span> 
                				Confirmação de Senha:
                				</label> 
                				<div class="bx-input"> 
                					<input type="password" name="check_password" id="id_check_password" /> 
                				</div> 


                						<p class="alert"><span class="text"> 
                							Digite novamente a<br />senha escolhida.
                						</span></p> 


                		        </li> 
                		    </ul> 
                		</div> 
                
                <div class="pagination">
                    <!--<a href="javascript:void(0);" class="fL" title="Voltar">Voltar</a>-->
                    <a href="/cadastro/dados-bancarios-contrato/index.htm" class="fR" title="Continuar">Continuar</a>
                </div>
            </div>
           </form>
        </div>
        <div class="footer">
        </div>
    </div>
</body>
</html>
